import React, {Component} from 'react'
import {IndexLink, Link} from 'react-router'
import '../sass/Footer'

export default class Footer extends Component {
  constructor() {
    super()
  }

  render() {
    const {cartCount} = this.props

    return (
      <footer className="footer">
        <IndexLink className="link" activeClassName="active" to="/home">
          <i className="shouye"/>
          <span>首页</span>
        </IndexLink>
        <Link className="link" activeClassName="active" to="/category/0">
          <i className="fenlei"/>
          <span>分类</span>
        </Link>
        <Link className="link" activeClassName="active" to="/cart">
          <i className="gouwuche"/>
          <span>购物车</span>
          {cartCount ? <span className="dot">{cartCount}</span> : null}
        </Link>
        <Link className="link" activeClassName="active" to="/u">
          <i className="wode"/>
          <span>我的</span>
        </Link>
      </footer>
    )
  }
}
